<html>
  <head>
    <!-- jQuery -->
    <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
    <!--  The Raphael JavaScript library for vector graphics display  -->
    <script type="text/javascript" src="../js/raphael-min.js"></script>
    <!--  Dracula  -->
    <!--  An extension of Raphael for connecting shapes -->
    <script type="text/javascript" src="../js/dracula_graffle.js"></script>
    <!--  Graphs  -->
    <script type="text/javascript" src="../js/dracula_graph.js"></script>
    <script type="text/javascript" src="../js/dracula_algorithms.js"></script>
    <script type="text/javascript" src="algorithms.js"></script>
  </head>
  <body>
    <div id="canvas"></div>
    Looks ugly? Hit <button id="redraw" onclick="redraw();">redraw</button>!<br>
    <!--<button onclick="step(-1)">Previous step</button> - <button onclick="step(1)">Next step</button>-->
  </body>
</html>
